import React, { Component } from 'react'
import { Carousel,Row, Col } from 'antd';
import './Swiper.css'

export default class Swiper extends Component {
    
    render() {
        return (
            <div className="container">
                <Row>
                    <Col xs={0} sm={0} md={0} lg={2} xl={2}/>
                    <Col xs={24} sm={24} md={24} lg={20} xl={20}>
                        <Carousel autoplay>
                            {this.props.imgs.map((item,index)=>{
                                return <div key={index}><img className="img" src={item} alt=""></img></div>
                            })}
                        </Carousel>
                    </Col>
                    <Col xs={0} sm={0} md={0} lg={2} xl={2}/>
                </Row>
                <Row>
                    <Col xs={0} sm={0} md={0} lg={2} xl={2}/>
                    <Col xs={24} sm={24} md={24} lg={20} xl={20}>
                        <div className="handle-group">
                            <div className="handle">首页</div>
                            <div className="handle">重新登录</div>
                            <div className="handle">个人中心</div>
                            <div className="handle">手机客户端</div>
                            <div className="handle">帮助中心</div>
                        </div>
                    </Col>
                    <Col xs={0} sm={0} md={0} lg={2} xl={2}/>
                </Row>
            </div>
        )
    }
}
